<template>
  <van-nav-bar :title="title" left-arrow @click-left="onClickLeft" fixed />
</template>

<script>
import router from "@/router/index.js";
export default {
  props: {
    title: {
      default: "",
      type: String,
    },
  },
  methods: {
    onClickLeft() {
      router.back();
    },
  },
};
</script>

<style lang='less' scoped>
.van-nav-bar {
  background-color: orange;
}
/deep/.van-nav-bar__title {
  color: white;
}
/deep/.van-icon-arrow-left:before {
  color: white;
}
</style>